<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1368956" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">在线-im</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">代码生成</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">退出 (6)</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">权限管控</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">系统</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">按钮</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">按钮组</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">系统</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">实心圆形</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">注销</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">菜单管理</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">增量信息</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">行业研究分析</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">营销模型</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">风险模型</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">客商信息</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">批量信息</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">app接入</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">网站接入</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">微信接入</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">数据维度</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">角色</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">变更记录</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">法律诉讼</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">高管</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">经营异常</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">企业年报</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">商标信息</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">社会实体</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">失信人</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">网站备案</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">专利著作</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">简易注销</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">客户</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">受益人</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">地块公示</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">私募基金</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">投资机构</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">电信许可</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">总公司</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">招聘</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">税收违法</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">送达公告</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">供应商</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">土地转让</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">土地抵押</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">立案信息</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">环保处罚</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">1对外担保</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">1指标-年度</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">1证券信息</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">1利润表</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">1现金流量表</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">1资产负债表</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">1联系信息</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">1违规处理</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">天眼地图</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">天眼地图</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">财务分析</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">分红情况</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">高管信息</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">公告催告</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">管理基金</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">基金管理人</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">组合接口</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">限制消费令</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">询价</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">案件</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">走势图</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">资质</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">工程项目</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">比例</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">建筑</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">beizhu</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">bianqian</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">cha</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">bofang</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">jia</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">bianji</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">dinge</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">dinwei</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">geren</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">fanghui</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">guanbi</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">chouti</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">fx</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">liandai</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">cai</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">jiajia</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">guangbil</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">lianjie</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">fenxiang</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">daochu</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">erweima</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">laihui</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">liulan</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">Combined Shape</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">qianbao</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">shang</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">shanchuang</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">qian</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">jiesuuo</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">shangshang</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">quanping</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">shouji</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">mulu</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">waancheng</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">web</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">mima</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">wangchengw</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">sanc</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">shanghua</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">shangchu</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">shijian</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">xiazai</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">shaxin</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">sousuo</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">xiao</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">xin</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">xiaoxi</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">xianji</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">youxiang</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">tishi</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">nanguo</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">shouqi</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">zhankai</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">xia</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">yuedu</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">shuoming</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">wenjian</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">wenjianjia</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">shouye</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">zk</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">zhuanhuan</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">zuozuo</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">yoou</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">xinxinx</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">zuo</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">youyouy</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">shezhi</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">Shape</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">wunai</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">tupian</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">youyoou</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">xiangmu</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">zang</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">资质黑名单</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">资质失信</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">资质变更</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">资质不良行为</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">资质良好行为</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">营业执照作废</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-zaixianim"></span>
            <div class="name">
              在线-im
            </div>
            <div class="code-name">.icon-zaixianim
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jueseguanli"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-jueseguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti46"></span>
            <div class="name">
              代码生成
            </div>
            <div class="code-name">.icon-weibiaoti46
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichu6"></span>
            <div class="name">
              退出 (6)
            </div>
            <div class="code-name">.icon-tuichu6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianguankong"></span>
            <div class="name">
              权限管控
            </div>
            <div class="code-name">.icon-quanxianguankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuliangyunpingtaitubiao02"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-liuliangyunpingtaitubiao02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwu"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.icon-renwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-system-copy"></span>
            <div class="name">
              系统
            </div>
            <div class="code-name">.icon-system-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anniu"></span>
            <div class="name">
              按钮
            </div>
            <div class="code-name">.icon-anniu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liucheng"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.icon-liucheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anniuzu"></span>
            <div class="name">
              按钮组
            </div>
            <div class="code-name">.icon-anniuzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoseguanli"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-jiaoseguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan1"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitong"></span>
            <div class="name">
              系统
            </div>
            <div class="code-name">.icon-xitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-preferences"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.icon-preferences
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shixinyuanxing"></span>
            <div class="name">
              实心圆形
            </div>
            <div class="code-name">.icon-shixinyuanxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanxhdpi"></span>
            <div class="name">
              注销
            </div>
            <div class="code-name">.icon-ziyuanxhdpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanguanli"></span>
            <div class="name">
              菜单管理
            </div>
            <div class="code-name">.icon-caidanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-import"></span>
            <div class="name">
              增量信息
            </div>
            <div class="code-name">.icon-icon-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeyunyingfenxi"></span>
            <div class="name">
              行业研究分析
            </div>
            <div class="code-name">.icon-qiyeyunyingfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujujianmo"></span>
            <div class="name">
              营销模型
            </div>
            <div class="code-name">.icon-shujujianmo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxianfenxi"></span>
            <div class="name">
              风险模型
            </div>
            <div class="code-name">.icon-fengxianfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keshangxinxi"></span>
            <div class="name">
              客商信息
            </div>
            <div class="code-name">.icon-keshangxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piliangxinxi"></span>
            <div class="name">
              批量信息
            </div>
            <div class="code-name">.icon-piliangxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appjieru"></span>
            <div class="name">
              app接入
            </div>
            <div class="code-name">.icon-appjieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangzhanjieru"></span>
            <div class="name">
              网站接入
            </div>
            <div class="code-name">.icon-wangzhanjieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixinjieru"></span>
            <div class="name">
              微信接入
            </div>
            <div class="code-name">.icon-weixinjieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuweidu"></span>
            <div class="name">
              数据维度
            </div>
            <div class="code-name">.icon-shujuweidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaose"></span>
            <div class="name">
              角色
            </div>
            <div class="code-name">.icon-jiaose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biangengjilu"></span>
            <div class="name">
              变更记录
            </div>
            <div class="code-name">.icon-biangengjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-falvsusong"></span>
            <div class="name">
              法律诉讼
            </div>
            <div class="code-name">.icon-falvsusong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaoguan"></span>
            <div class="name">
              高管
            </div>
            <div class="code-name">.icon-gaoguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingyingyichang"></span>
            <div class="name">
              经营异常
            </div>
            <div class="code-name">.icon-jingyingyichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyenianbao"></span>
            <div class="name">
              企业年报
            </div>
            <div class="code-name">.icon-qiyenianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangbiaoxinxi"></span>
            <div class="name">
              商标信息
            </div>
            <div class="code-name">.icon-shangbiaoxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shehuishiti"></span>
            <div class="name">
              社会实体
            </div>
            <div class="code-name">.icon-shehuishiti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shixinren"></span>
            <div class="name">
              失信人
            </div>
            <div class="code-name">.icon-shixinren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangzhanbeian"></span>
            <div class="name">
              网站备案
            </div>
            <div class="code-name">.icon-wangzhanbeian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanlizhuzuo"></span>
            <div class="name">
              专利著作
            </div>
            <div class="code-name">.icon-zhuanlizhuzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianyizhuxiao"></span>
            <div class="name">
              简易注销
            </div>
            <div class="code-name">.icon-jianyizhuxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehu"></span>
            <div class="name">
              客户
            </div>
            <div class="code-name">.icon-kehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyiren"></span>
            <div class="name">
              受益人
            </div>
            <div class="code-name">.icon-shouyiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dikuaigongshi"></span>
            <div class="name">
              地块公示
            </div>
            <div class="code-name">.icon-dikuaigongshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-simujijin"></span>
            <div class="name">
              私募基金
            </div>
            <div class="code-name">.icon-simujijin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touzijigou"></span>
            <div class="name">
              投资机构
            </div>
            <div class="code-name">.icon-touzijigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianxinxuke"></span>
            <div class="name">
              电信许可
            </div>
            <div class="code-name">.icon-dianxinxuke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zonggongsi"></span>
            <div class="name">
              总公司
            </div>
            <div class="code-name">.icon-zonggongsi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopin"></span>
            <div class="name">
              招聘
            </div>
            <div class="code-name">.icon-zhaopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuishouweifa"></span>
            <div class="name">
              税收违法
            </div>
            <div class="code-name">.icon-shuishouweifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-songdagonggao"></span>
            <div class="name">
              送达公告
            </div>
            <div class="code-name">.icon-songdagonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongyingshang"></span>
            <div class="name">
              供应商
            </div>
            <div class="code-name">.icon-gongyingshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tudizhuanrang"></span>
            <div class="name">
              土地转让
            </div>
            <div class="code-name">.icon-tudizhuanrang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tudidiya"></span>
            <div class="name">
              土地抵押
            </div>
            <div class="code-name">.icon-tudidiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxinxi"></span>
            <div class="name">
              立案信息
            </div>
            <div class="code-name">.icon-lianxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huanbaochufa"></span>
            <div class="name">
              环保处罚
            </div>
            <div class="code-name">.icon-huanbaochufa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duiwaidanbao"></span>
            <div class="name">
              1对外担保
            </div>
            <div class="code-name">.icon-duiwaidanbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibiao-niandu"></span>
            <div class="name">
              1指标-年度
            </div>
            <div class="code-name">.icon-zhibiao-niandu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengquanxinxi"></span>
            <div class="name">
              1证券信息
            </div>
            <div class="code-name">.icon-zhengquanxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lirunbiao"></span>
            <div class="name">
              1利润表
            </div>
            <div class="code-name">.icon-lirunbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianjinliuliangbiao"></span>
            <div class="name">
              1现金流量表
            </div>
            <div class="code-name">.icon-xianjinliuliangbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichanfuzhaibiao"></span>
            <div class="name">
              1资产负债表
            </div>
            <div class="code-name">.icon-zichanfuzhaibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxixinxi"></span>
            <div class="name">
              1联系信息
            </div>
            <div class="code-name">.icon-lianxixinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiguichuli"></span>
            <div class="name">
              1违规处理
            </div>
            <div class="code-name">.icon-weiguichuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoseguanli1"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-jiaoseguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianyanditu"></span>
            <div class="name">
              天眼地图
            </div>
            <div class="code-name">.icon-tianyanditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianyanditu1"></span>
            <div class="name">
              天眼地图
            </div>
            <div class="code-name">.icon-tianyanditu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwufenxi"></span>
            <div class="name">
              财务分析
            </div>
            <div class="code-name">.icon-caiwufenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenhongqingkuang"></span>
            <div class="name">
              分红情况
            </div>
            <div class="code-name">.icon-fenhongqingkuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaoguanxinxi"></span>
            <div class="name">
              高管信息
            </div>
            <div class="code-name">.icon-gaoguanxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggaocuigao"></span>
            <div class="name">
              公告催告
            </div>
            <div class="code-name">.icon-gonggaocuigao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlijijin"></span>
            <div class="name">
              管理基金
            </div>
            <div class="code-name">.icon-guanlijijin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jijinguanliren"></span>
            <div class="name">
              基金管理人
            </div>
            <div class="code-name">.icon-jijinguanliren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuhejiekou"></span>
            <div class="name">
              组合接口
            </div>
            <div class="code-name">.icon-zuhejiekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianzhixiaofeiling"></span>
            <div class="name">
              限制消费令
            </div>
            <div class="code-name">.icon-xianzhixiaofeiling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunjia"></span>
            <div class="name">
              询价
            </div>
            <div class="code-name">.icon-xunjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anjian"></span>
            <div class="name">
              案件
            </div>
            <div class="code-name">.icon-anjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoushitu"></span>
            <div class="name">
              走势图
            </div>
            <div class="code-name">.icon-zoushitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zizhi"></span>
            <div class="name">
              资质
            </div>
            <div class="code-name">.icon-zizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongchengxiangmu"></span>
            <div class="name">
              工程项目
            </div>
            <div class="code-name">.icon-gongchengxiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bili"></span>
            <div class="name">
              比例
            </div>
            <div class="code-name">.icon-bili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianzhu"></span>
            <div class="name">
              建筑
            </div>
            <div class="code-name">.icon-jianzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beizhu"></span>
            <div class="name">
              beizhu
            </div>
            <div class="code-name">.icon-beizhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianqian"></span>
            <div class="name">
              bianqian
            </div>
            <div class="code-name">.icon-bianqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cha"></span>
            <div class="name">
              cha
            </div>
            <div class="code-name">.icon-cha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang"></span>
            <div class="name">
              bofang
            </div>
            <div class="code-name">.icon-bofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jia"></span>
            <div class="name">
              jia
            </div>
            <div class="code-name">.icon-jia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              bianji
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dinge"></span>
            <div class="name">
              dinge
            </div>
            <div class="code-name">.icon-dinge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dinwei"></span>
            <div class="name">
              dinwei
            </div>
            <div class="code-name">.icon-dinwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-geren"></span>
            <div class="name">
              geren
            </div>
            <div class="code-name">.icon-geren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanghui"></span>
            <div class="name">
              fanghui
            </div>
            <div class="code-name">.icon-fanghui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              guanbi
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chouti"></span>
            <div class="name">
              chouti
            </div>
            <div class="code-name">.icon-chouti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fx"></span>
            <div class="name">
              fx
            </div>
            <div class="code-name">.icon-fx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liandai"></span>
            <div class="name">
              liandai
            </div>
            <div class="code-name">.icon-liandai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cai"></span>
            <div class="name">
              cai
            </div>
            <div class="code-name">.icon-cai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiajia"></span>
            <div class="name">
              jiajia
            </div>
            <div class="code-name">.icon-jiajia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangbil"></span>
            <div class="name">
              guangbil
            </div>
            <div class="code-name">.icon-guangbil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjie"></span>
            <div class="name">
              lianjie
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              fenxiang
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              daochu
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erweima"></span>
            <div class="name">
              erweima
            </div>
            <div class="code-name">.icon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laihui"></span>
            <div class="name">
              laihui
            </div>
            <div class="code-name">.icon-laihui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liulan"></span>
            <div class="name">
              liulan
            </div>
            <div class="code-name">.icon-liulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CombinedShape"></span>
            <div class="name">
              Combined Shape
            </div>
            <div class="code-name">.icon-CombinedShape
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianbao"></span>
            <div class="name">
              qianbao
            </div>
            <div class="code-name">.icon-qianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shang"></span>
            <div class="name">
              shang
            </div>
            <div class="code-name">.icon-shang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchuang"></span>
            <div class="name">
              shanchuang
            </div>
            <div class="code-name">.icon-shanchuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qian"></span>
            <div class="name">
              qian
            </div>
            <div class="code-name">.icon-qian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuuo"></span>
            <div class="name">
              jiesuuo
            </div>
            <div class="code-name">.icon-jiesuuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangshang"></span>
            <div class="name">
              shangshang
            </div>
            <div class="code-name">.icon-shangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping"></span>
            <div class="name">
              quanping
            </div>
            <div class="code-name">.icon-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouji"></span>
            <div class="name">
              shouji
            </div>
            <div class="code-name">.icon-shouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mulu"></span>
            <div class="name">
              mulu
            </div>
            <div class="code-name">.icon-mulu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waancheng"></span>
            <div class="name">
              waancheng
            </div>
            <div class="code-name">.icon-waancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web"></span>
            <div class="name">
              web
            </div>
            <div class="code-name">.icon-web
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mima"></span>
            <div class="name">
              mima
            </div>
            <div class="code-name">.icon-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangchengw"></span>
            <div class="name">
              wangchengw
            </div>
            <div class="code-name">.icon-wangchengw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanc"></span>
            <div class="name">
              sanc
            </div>
            <div class="code-name">.icon-sanc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanghua"></span>
            <div class="name">
              shanghua
            </div>
            <div class="code-name">.icon-shanghua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchu"></span>
            <div class="name">
              shangchu
            </div>
            <div class="code-name">.icon-shangchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              shijian
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              xiazai
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaxin"></span>
            <div class="name">
              shaxin
            </div>
            <div class="code-name">.icon-shaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              sousuo
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiao"></span>
            <div class="name">
              xiao
            </div>
            <div class="code-name">.icon-xiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xin"></span>
            <div class="name">
              xin
            </div>
            <div class="code-name">.icon-xin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              xiaoxi
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianji"></span>
            <div class="name">
              xianji
            </div>
            <div class="code-name">.icon-xianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxiang"></span>
            <div class="name">
              youxiang
            </div>
            <div class="code-name">.icon-youxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishi"></span>
            <div class="name">
              tishi
            </div>
            <div class="code-name">.icon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nanguo"></span>
            <div class="name">
              nanguo
            </div>
            <div class="code-name">.icon-nanguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouqi"></span>
            <div class="name">
              shouqi
            </div>
            <div class="code-name">.icon-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankai"></span>
            <div class="name">
              zhankai
            </div>
            <div class="code-name">.icon-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xia"></span>
            <div class="name">
              xia
            </div>
            <div class="code-name">.icon-xia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuedu"></span>
            <div class="name">
              yuedu
            </div>
            <div class="code-name">.icon-yuedu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuoming"></span>
            <div class="name">
              shuoming
            </div>
            <div class="code-name">.icon-shuoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              wenjian
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              wenjianjia
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              shouye
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zk"></span>
            <div class="name">
              zk
            </div>
            <div class="code-name">.icon-zk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanhuan"></span>
            <div class="name">
              zhuanhuan
            </div>
            <div class="code-name">.icon-zhuanhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuozuo"></span>
            <div class="name">
              zuozuo
            </div>
            <div class="code-name">.icon-zuozuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yoou"></span>
            <div class="name">
              yoou
            </div>
            <div class="code-name">.icon-yoou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxinx"></span>
            <div class="name">
              xinxinx
            </div>
            <div class="code-name">.icon-xinxinx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuo"></span>
            <div class="name">
              zuo
            </div>
            <div class="code-name">.icon-zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youyouy"></span>
            <div class="name">
              youyouy
            </div>
            <div class="code-name">.icon-youyouy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              shezhi
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Shape"></span>
            <div class="name">
              Shape
            </div>
            <div class="code-name">.icon-Shape
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wunai"></span>
            <div class="name">
              wunai
            </div>
            <div class="code-name">.icon-wunai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupian"></span>
            <div class="name">
              tupian
            </div>
            <div class="code-name">.icon-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youyoou"></span>
            <div class="name">
              youyoou
            </div>
            <div class="code-name">.icon-youyoou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmu"></span>
            <div class="name">
              xiangmu
            </div>
            <div class="code-name">.icon-xiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zang"></span>
            <div class="name">
              zang
            </div>
            <div class="code-name">.icon-zang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zizhiheimingdan"></span>
            <div class="name">
              资质黑名单
            </div>
            <div class="code-name">.icon-zizhiheimingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zizhishixin"></span>
            <div class="name">
              资质失信
            </div>
            <div class="code-name">.icon-zizhishixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zizhibiangeng"></span>
            <div class="name">
              资质变更
            </div>
            <div class="code-name">.icon-zizhibiangeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zizhibulianghangwei"></span>
            <div class="name">
              资质不良行为
            </div>
            <div class="code-name">.icon-zizhibulianghangwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zizhilianghaohangwei"></span>
            <div class="name">
              资质良好行为
            </div>
            <div class="code-name">.icon-zizhilianghaohangwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyezhizhaozuofei"></span>
            <div class="name">
              营业执照作废
            </div>
            <div class="code-name">.icon-yingyezhizhaozuofei
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixianim"></use>
                </svg>
                <div class="name">在线-im</div>
                <div class="code-name">#icon-zaixianim</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jueseguanli"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-jueseguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti46"></use>
                </svg>
                <div class="name">代码生成</div>
                <div class="code-name">#icon-weibiaoti46</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichu6"></use>
                </svg>
                <div class="name">退出 (6)</div>
                <div class="code-name">#icon-tuichu6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxianguankong"></use>
                </svg>
                <div class="name">权限管控</div>
                <div class="code-name">#icon-quanxianguankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuliangyunpingtaitubiao02"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-liuliangyunpingtaitubiao02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwu"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#icon-renwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-system-copy"></use>
                </svg>
                <div class="name">系统</div>
                <div class="code-name">#icon-system-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anniu"></use>
                </svg>
                <div class="name">按钮</div>
                <div class="code-name">#icon-anniu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liucheng"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#icon-liucheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anniuzu"></use>
                </svg>
                <div class="name">按钮组</div>
                <div class="code-name">#icon-anniuzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoseguanli"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-jiaoseguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan1"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitong"></use>
                </svg>
                <div class="name">系统</div>
                <div class="code-name">#icon-xitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-preferences"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#icon-preferences</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shixinyuanxing"></use>
                </svg>
                <div class="name">实心圆形</div>
                <div class="code-name">#icon-shixinyuanxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanxhdpi"></use>
                </svg>
                <div class="name">注销</div>
                <div class="code-name">#icon-ziyuanxhdpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidanguanli"></use>
                </svg>
                <div class="name">菜单管理</div>
                <div class="code-name">#icon-caidanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-import"></use>
                </svg>
                <div class="name">增量信息</div>
                <div class="code-name">#icon-icon-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyeyunyingfenxi"></use>
                </svg>
                <div class="name">行业研究分析</div>
                <div class="code-name">#icon-qiyeyunyingfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujujianmo"></use>
                </svg>
                <div class="name">营销模型</div>
                <div class="code-name">#icon-shujujianmo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianfenxi"></use>
                </svg>
                <div class="name">风险模型</div>
                <div class="code-name">#icon-fengxianfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keshangxinxi"></use>
                </svg>
                <div class="name">客商信息</div>
                <div class="code-name">#icon-keshangxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piliangxinxi"></use>
                </svg>
                <div class="name">批量信息</div>
                <div class="code-name">#icon-piliangxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appjieru"></use>
                </svg>
                <div class="name">app接入</div>
                <div class="code-name">#icon-appjieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangzhanjieru"></use>
                </svg>
                <div class="name">网站接入</div>
                <div class="code-name">#icon-wangzhanjieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixinjieru"></use>
                </svg>
                <div class="name">微信接入</div>
                <div class="code-name">#icon-weixinjieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuweidu"></use>
                </svg>
                <div class="name">数据维度</div>
                <div class="code-name">#icon-shujuweidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaose"></use>
                </svg>
                <div class="name">角色</div>
                <div class="code-name">#icon-jiaose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biangengjilu"></use>
                </svg>
                <div class="name">变更记录</div>
                <div class="code-name">#icon-biangengjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-falvsusong"></use>
                </svg>
                <div class="name">法律诉讼</div>
                <div class="code-name">#icon-falvsusong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaoguan"></use>
                </svg>
                <div class="name">高管</div>
                <div class="code-name">#icon-gaoguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingyingyichang"></use>
                </svg>
                <div class="name">经营异常</div>
                <div class="code-name">#icon-jingyingyichang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyenianbao"></use>
                </svg>
                <div class="name">企业年报</div>
                <div class="code-name">#icon-qiyenianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangbiaoxinxi"></use>
                </svg>
                <div class="name">商标信息</div>
                <div class="code-name">#icon-shangbiaoxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shehuishiti"></use>
                </svg>
                <div class="name">社会实体</div>
                <div class="code-name">#icon-shehuishiti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shixinren"></use>
                </svg>
                <div class="name">失信人</div>
                <div class="code-name">#icon-shixinren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangzhanbeian"></use>
                </svg>
                <div class="name">网站备案</div>
                <div class="code-name">#icon-wangzhanbeian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanlizhuzuo"></use>
                </svg>
                <div class="name">专利著作</div>
                <div class="code-name">#icon-zhuanlizhuzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianyizhuxiao"></use>
                </svg>
                <div class="name">简易注销</div>
                <div class="code-name">#icon-jianyizhuxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehu"></use>
                </svg>
                <div class="name">客户</div>
                <div class="code-name">#icon-kehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyiren"></use>
                </svg>
                <div class="name">受益人</div>
                <div class="code-name">#icon-shouyiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dikuaigongshi"></use>
                </svg>
                <div class="name">地块公示</div>
                <div class="code-name">#icon-dikuaigongshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-simujijin"></use>
                </svg>
                <div class="name">私募基金</div>
                <div class="code-name">#icon-simujijin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touzijigou"></use>
                </svg>
                <div class="name">投资机构</div>
                <div class="code-name">#icon-touzijigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianxinxuke"></use>
                </svg>
                <div class="name">电信许可</div>
                <div class="code-name">#icon-dianxinxuke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonggongsi"></use>
                </svg>
                <div class="name">总公司</div>
                <div class="code-name">#icon-zonggongsi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaopin"></use>
                </svg>
                <div class="name">招聘</div>
                <div class="code-name">#icon-zhaopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuishouweifa"></use>
                </svg>
                <div class="name">税收违法</div>
                <div class="code-name">#icon-shuishouweifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-songdagonggao"></use>
                </svg>
                <div class="name">送达公告</div>
                <div class="code-name">#icon-songdagonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongyingshang"></use>
                </svg>
                <div class="name">供应商</div>
                <div class="code-name">#icon-gongyingshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tudizhuanrang"></use>
                </svg>
                <div class="name">土地转让</div>
                <div class="code-name">#icon-tudizhuanrang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tudidiya"></use>
                </svg>
                <div class="name">土地抵押</div>
                <div class="code-name">#icon-tudidiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxinxi"></use>
                </svg>
                <div class="name">立案信息</div>
                <div class="code-name">#icon-lianxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanbaochufa"></use>
                </svg>
                <div class="name">环保处罚</div>
                <div class="code-name">#icon-huanbaochufa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duiwaidanbao"></use>
                </svg>
                <div class="name">1对外担保</div>
                <div class="code-name">#icon-duiwaidanbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibiao-niandu"></use>
                </svg>
                <div class="name">1指标-年度</div>
                <div class="code-name">#icon-zhibiao-niandu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengquanxinxi"></use>
                </svg>
                <div class="name">1证券信息</div>
                <div class="code-name">#icon-zhengquanxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lirunbiao"></use>
                </svg>
                <div class="name">1利润表</div>
                <div class="code-name">#icon-lirunbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianjinliuliangbiao"></use>
                </svg>
                <div class="name">1现金流量表</div>
                <div class="code-name">#icon-xianjinliuliangbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichanfuzhaibiao"></use>
                </svg>
                <div class="name">1资产负债表</div>
                <div class="code-name">#icon-zichanfuzhaibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxixinxi"></use>
                </svg>
                <div class="name">1联系信息</div>
                <div class="code-name">#icon-lianxixinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiguichuli"></use>
                </svg>
                <div class="name">1违规处理</div>
                <div class="code-name">#icon-weiguichuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoseguanli1"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-jiaoseguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianyanditu"></use>
                </svg>
                <div class="name">天眼地图</div>
                <div class="code-name">#icon-tianyanditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianyanditu1"></use>
                </svg>
                <div class="name">天眼地图</div>
                <div class="code-name">#icon-tianyanditu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caiwufenxi"></use>
                </svg>
                <div class="name">财务分析</div>
                <div class="code-name">#icon-caiwufenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenhongqingkuang"></use>
                </svg>
                <div class="name">分红情况</div>
                <div class="code-name">#icon-fenhongqingkuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaoguanxinxi"></use>
                </svg>
                <div class="name">高管信息</div>
                <div class="code-name">#icon-gaoguanxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggaocuigao"></use>
                </svg>
                <div class="name">公告催告</div>
                <div class="code-name">#icon-gonggaocuigao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlijijin"></use>
                </svg>
                <div class="name">管理基金</div>
                <div class="code-name">#icon-guanlijijin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jijinguanliren"></use>
                </svg>
                <div class="name">基金管理人</div>
                <div class="code-name">#icon-jijinguanliren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuhejiekou"></use>
                </svg>
                <div class="name">组合接口</div>
                <div class="code-name">#icon-zuhejiekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianzhixiaofeiling"></use>
                </svg>
                <div class="name">限制消费令</div>
                <div class="code-name">#icon-xianzhixiaofeiling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunjia"></use>
                </svg>
                <div class="name">询价</div>
                <div class="code-name">#icon-xunjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anjian"></use>
                </svg>
                <div class="name">案件</div>
                <div class="code-name">#icon-anjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoushitu"></use>
                </svg>
                <div class="name">走势图</div>
                <div class="code-name">#icon-zoushitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zizhi"></use>
                </svg>
                <div class="name">资质</div>
                <div class="code-name">#icon-zizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongchengxiangmu"></use>
                </svg>
                <div class="name">工程项目</div>
                <div class="code-name">#icon-gongchengxiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bili"></use>
                </svg>
                <div class="name">比例</div>
                <div class="code-name">#icon-bili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianzhu"></use>
                </svg>
                <div class="name">建筑</div>
                <div class="code-name">#icon-jianzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beizhu"></use>
                </svg>
                <div class="name">beizhu</div>
                <div class="code-name">#icon-beizhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianqian"></use>
                </svg>
                <div class="name">bianqian</div>
                <div class="code-name">#icon-bianqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cha"></use>
                </svg>
                <div class="name">cha</div>
                <div class="code-name">#icon-cha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang"></use>
                </svg>
                <div class="name">bofang</div>
                <div class="code-name">#icon-bofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jia"></use>
                </svg>
                <div class="name">jia</div>
                <div class="code-name">#icon-jia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">bianji</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dinge"></use>
                </svg>
                <div class="name">dinge</div>
                <div class="code-name">#icon-dinge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dinwei"></use>
                </svg>
                <div class="name">dinwei</div>
                <div class="code-name">#icon-dinwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-geren"></use>
                </svg>
                <div class="name">geren</div>
                <div class="code-name">#icon-geren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanghui"></use>
                </svg>
                <div class="name">fanghui</div>
                <div class="code-name">#icon-fanghui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">guanbi</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chouti"></use>
                </svg>
                <div class="name">chouti</div>
                <div class="code-name">#icon-chouti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fx"></use>
                </svg>
                <div class="name">fx</div>
                <div class="code-name">#icon-fx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liandai"></use>
                </svg>
                <div class="name">liandai</div>
                <div class="code-name">#icon-liandai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cai"></use>
                </svg>
                <div class="name">cai</div>
                <div class="code-name">#icon-cai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiajia"></use>
                </svg>
                <div class="name">jiajia</div>
                <div class="code-name">#icon-jiajia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangbil"></use>
                </svg>
                <div class="name">guangbil</div>
                <div class="code-name">#icon-guangbil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">lianjie</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">fenxiang</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">daochu</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima"></use>
                </svg>
                <div class="name">erweima</div>
                <div class="code-name">#icon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laihui"></use>
                </svg>
                <div class="name">laihui</div>
                <div class="code-name">#icon-laihui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liulan"></use>
                </svg>
                <div class="name">liulan</div>
                <div class="code-name">#icon-liulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CombinedShape"></use>
                </svg>
                <div class="name">Combined Shape</div>
                <div class="code-name">#icon-CombinedShape</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianbao"></use>
                </svg>
                <div class="name">qianbao</div>
                <div class="code-name">#icon-qianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shang"></use>
                </svg>
                <div class="name">shang</div>
                <div class="code-name">#icon-shang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchuang"></use>
                </svg>
                <div class="name">shanchuang</div>
                <div class="code-name">#icon-shanchuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qian"></use>
                </svg>
                <div class="name">qian</div>
                <div class="code-name">#icon-qian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuuo"></use>
                </svg>
                <div class="name">jiesuuo</div>
                <div class="code-name">#icon-jiesuuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangshang"></use>
                </svg>
                <div class="name">shangshang</div>
                <div class="code-name">#icon-shangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping"></use>
                </svg>
                <div class="name">quanping</div>
                <div class="code-name">#icon-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouji"></use>
                </svg>
                <div class="name">shouji</div>
                <div class="code-name">#icon-shouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mulu"></use>
                </svg>
                <div class="name">mulu</div>
                <div class="code-name">#icon-mulu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-waancheng"></use>
                </svg>
                <div class="name">waancheng</div>
                <div class="code-name">#icon-waancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web"></use>
                </svg>
                <div class="name">web</div>
                <div class="code-name">#icon-web</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima"></use>
                </svg>
                <div class="name">mima</div>
                <div class="code-name">#icon-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangchengw"></use>
                </svg>
                <div class="name">wangchengw</div>
                <div class="code-name">#icon-wangchengw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanc"></use>
                </svg>
                <div class="name">sanc</div>
                <div class="code-name">#icon-sanc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanghua"></use>
                </svg>
                <div class="name">shanghua</div>
                <div class="code-name">#icon-shanghua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchu"></use>
                </svg>
                <div class="name">shangchu</div>
                <div class="code-name">#icon-shangchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">shijian</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">xiazai</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaxin"></use>
                </svg>
                <div class="name">shaxin</div>
                <div class="code-name">#icon-shaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">sousuo</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiao"></use>
                </svg>
                <div class="name">xiao</div>
                <div class="code-name">#icon-xiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xin"></use>
                </svg>
                <div class="name">xin</div>
                <div class="code-name">#icon-xin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">xiaoxi</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianji"></use>
                </svg>
                <div class="name">xianji</div>
                <div class="code-name">#icon-xianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxiang"></use>
                </svg>
                <div class="name">youxiang</div>
                <div class="code-name">#icon-youxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishi"></use>
                </svg>
                <div class="name">tishi</div>
                <div class="code-name">#icon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nanguo"></use>
                </svg>
                <div class="name">nanguo</div>
                <div class="code-name">#icon-nanguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouqi"></use>
                </svg>
                <div class="name">shouqi</div>
                <div class="code-name">#icon-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankai"></use>
                </svg>
                <div class="name">zhankai</div>
                <div class="code-name">#icon-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xia"></use>
                </svg>
                <div class="name">xia</div>
                <div class="code-name">#icon-xia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuedu"></use>
                </svg>
                <div class="name">yuedu</div>
                <div class="code-name">#icon-yuedu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuoming"></use>
                </svg>
                <div class="name">shuoming</div>
                <div class="code-name">#icon-shuoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">wenjian</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">wenjianjia</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">shouye</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zk"></use>
                </svg>
                <div class="name">zk</div>
                <div class="code-name">#icon-zk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanhuan"></use>
                </svg>
                <div class="name">zhuanhuan</div>
                <div class="code-name">#icon-zhuanhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuozuo"></use>
                </svg>
                <div class="name">zuozuo</div>
                <div class="code-name">#icon-zuozuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yoou"></use>
                </svg>
                <div class="name">yoou</div>
                <div class="code-name">#icon-yoou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxinx"></use>
                </svg>
                <div class="name">xinxinx</div>
                <div class="code-name">#icon-xinxinx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuo"></use>
                </svg>
                <div class="name">zuo</div>
                <div class="code-name">#icon-zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youyouy"></use>
                </svg>
                <div class="name">youyouy</div>
                <div class="code-name">#icon-youyouy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">shezhi</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Shape"></use>
                </svg>
                <div class="name">Shape</div>
                <div class="code-name">#icon-Shape</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wunai"></use>
                </svg>
                <div class="name">wunai</div>
                <div class="code-name">#icon-wunai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupian"></use>
                </svg>
                <div class="name">tupian</div>
                <div class="code-name">#icon-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youyoou"></use>
                </svg>
                <div class="name">youyoou</div>
                <div class="code-name">#icon-youyoou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmu"></use>
                </svg>
                <div class="name">xiangmu</div>
                <div class="code-name">#icon-xiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zang"></use>
                </svg>
                <div class="name">zang</div>
                <div class="code-name">#icon-zang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zizhiheimingdan"></use>
                </svg>
                <div class="name">资质黑名单</div>
                <div class="code-name">#icon-zizhiheimingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zizhishixin"></use>
                </svg>
                <div class="name">资质失信</div>
                <div class="code-name">#icon-zizhishixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zizhibiangeng"></use>
                </svg>
                <div class="name">资质变更</div>
                <div class="code-name">#icon-zizhibiangeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zizhibulianghangwei"></use>
                </svg>
                <div class="name">资质不良行为</div>
                <div class="code-name">#icon-zizhibulianghangwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zizhilianghaohangwei"></use>
                </svg>
                <div class="name">资质良好行为</div>
                <div class="code-name">#icon-zizhilianghaohangwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyezhizhaozuofei"></use>
                </svg>
                <div class="name">营业执照作废</div>
                <div class="code-name">#icon-yingyezhizhaozuofei</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
